<template>
  <div class="main-moving" :style="getHeight">
    拖动到这里
  </div>
</template>

<script>
export default {
  name: 'Moving',
  computed: {
    getHeight () {
      return {height: `${this.$store.state.moving.height}px`}
    }
  }
}
</script>

<style scoped>

  .main-moving {
    width: 100%;
    min-height: 20px;
    color: deepskyblue;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(135, 206, 250, 0.3);
    border: 1px dashed deepskyblue;
  }

</style>
